<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
  <head>
    <title>InMyMind - Mind mapping online !</title>
    <meta content="">
    <link rel="stylesheet" href="./themes/default/style.css" />
    <link rel="stylesheet" href="./themes/default/SqueezeBox.css" />
    <link rel="stylesheet" href="./themes/default/mootree.css" />
    <script src="./js/mootools-core.js" type="text/javascript"></script>
    <script src="./js/mootools-more.js" type="text/javascript"></script>
    <script src="./js/workaround/asset.js" type="text/javascript"></script>
    <script src="./js/mootree.js" type="text/javascript"></script>
    <script src="./js/mooRainbow.js" type="text/javascript"></script>
    <script src="./js/SqueezeBox.js" type="text/javascript"></script>
    <script src="./js/inmymind.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.addEvent("domready",function(){
            //implement inmymind in stand alone
            var map = new inmymind({
                plugins: ['rte']
            });

            //implement inmymind with php bakend
            //var map = new inmymind({plugins:['phpbackend']});

            //implement theme dark
            //var map = new inmymind({theme: 'm3d'});
        });
    </script>
    <style></style>
  </head>
  <body>
    <div id="toolbar">
        <p>Press F11 to toggle full screen</p>
        <select id="theme-selector">
            <option value="m3d">Default Theme</option>
            <option value="dark">Dark Theme</option>            
        </select>
        <div id="resize-handler"></div>
        <button id="save">Export...</button>
        <button id="open">Import...</button>
        <button id="bgcolor">Background Color</button>
        <button id="color">Text Color</button>
        <button id="toggleline">Toggle LineType</button>
        <button id="apply-to-children">Apply to children</button>
        <fieldset>
        <legend>Font size</legend>
            <button class="zoom out"><img src="./images/zoom-out.png" alt="-"/></button>
            <button class="zoom in"><img src="./images/zoom-in.png" alt="+"/></button>
            <p><strong>Tips:</strong> You can zoom font size with mouse wheel on nodes !</p>
        </fieldset>
        <div id="icon-set">
            <fieldset>
            <legend>Icons</legend>
<img src="./images/pictos/applet-busy.png"  alt="buzy" />
<img src="./images/pictos/applications-multimedia.png"  alt="multimedia" />
<img src="./images/pictos/computer.png"  alt="computer" />
<img src="./images/pictos/dialog-cancel.png"  alt="cancel" />
<img src="./images/pictos/document-open.png"  alt="document" />
<img src="./images/pictos/gnome-lokkit-logo.png"  alt="protection" />
<img src="./images/pictos/help.png"  alt="help" />
<img src="./images/pictos/panel-internet.png"  alt="internet" />
<img src="./images/pictos/preferences-desktop-accessibility.png"  alt="accessibility" />
<img src="./images/pictos/preferences-desktop-multimedia.png"  alt="sound" />
<img src="./images/pictos/printer-broken.png"  alt="warning" />
<img src="./images/pictos/utilities-system-monitor.png"  alt="monitor" />
            </fieldset>
        </div>
        <button id="help"><img src="./images/pictos/help.png" alt="Help"/></button>

        <hr />
        <div id="treeview">
        </div>
    </div>



    <!-- forms, boxes to show... tools ! -->
    <div class="tools" id="save-box">
        <p>Copy this XML file in a text file on you computer to re-open it later</p>
        <p>
            <textarea name="xml" rows="30"></textarea>
        </p>

    </div>
    <div class="tools" id="open-box">
        <p>Paste xml here to reopen map</p>
        <textarea name="xml" rows="30"></textarea>
        <button class="import">Import</button>
    </div>


  </body>
</html>
